<!doctype html>
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
<title>作业</title>
<style>
 .flex-container {
    display: -webkit-flex;
    width: 14em;
    height:9em;
    background-color: #f8f8f8;
	 display: flex;
	float:left;
	overflow:visible;
	padding:0px 0px;
	position:relative;
        white-space:wrap;
 }

 
.flex-item {
    background-color: #ffffff;
    width: 100px;
    height: 100px;
    margin: 1%;
	padding:0px;
	border:5px;
	font-size: 14px; 
    font-family:PingFangSC;
	white-space:nowrap；
}

@media screen and (max-width: 360px) {
    #leftsidebar {width:200px;float:top;}
    #main {margin-left:10px;}
}
</style>
</head>
<body>
	<h1><img src=css\1571816586(1).png>                        今日焦点                                  <span style="font-size:16px">北京大兴国际机场将迎冬春航季航班转场/更多热点></span></h1>
<div class="flex-container">
<div class="flex-item"><img src=img\494988613f144bb5accc9948024412d2.jpg><br>这是图片2</div>
</div>
<div class="flex-container">
<div class="flex-item"><img src=img\686672e3ecb24915bb27c2aa55a992f2.jpg><br>图片3</div>
</div>
<div class="flex-container">
<div class="flex-item"><img src=img\9a76c7f9293a4b98812effdd1107bba5.png><br>图片4？</div>
</div>
<div class="flex-container">
<div class="flex-item"><img src=img\d27f467929904407b1d1adf1d74c0756.jpg><br>图片5</div>
</div>
<div class="flex-container">
<div class="flex-item"><img src=img\e2204cf2489441d6bf3f9bb6d73f262b.jpg><br>图片6。</div>
</div>
<div class="flex-container">
<div class="flex-item"><img src=img\1572326426(1).png><br>图片7。</div>
</div>
</body>
</html>
